﻿*{box-sizing: border-box;}
body,html{margin: 0;padding: 0;}
#top{width: 100%;position: fixed;top: 0;height: 53px;box-shadow: 0px 0px 8px #dbdbdb;background: #fff;z-index: 500;}
#top #top_div{width: 1196px;height: 53px;margin: 0 auto;}
#top #top_div .z{float: left;margin-top: 16px;}
#top #top_div .z>a>img,#top #top_div .z>a>span{float: left;}
#top #top_div .z>a>img{margin-right: 6px;}
#top #top_div .z>a>span{margin-top: 2px;}
#top #top_div .y{float: right;}
#tu{width: 100%;height: 90px;background: #fff;margin-top: 54px;}
#tu div{width: 1202px;height: 81px;margin: 0 auto;padding-top:10px;}
#tu div img{width: 100%;height: 100%;}
#dh{width: 100%;height: 40px;background: #1f3977;}
#dh ul{width: 1201px;height: 40px;margin: 0 auto;}
#dh ul li{float: left;}
#dh ul li a{color: #fff;width: 150px;height: 40px;line-height: 40px;text-align: center;display: block;}
#sub{width: 201px;height: 38px;border: 1px solid #c8c8c8;border-radius: 50px;margin-right: 30px;display: inline-block}
#sub input{width: 151px;height: 35px;border: none;list-style: none;margin-left: 15px;    outline: aliceblue;}
/*#top_div .y>span i{width: 20px;height: 20px;margin-top: 8px;display: inline-block;position: absolute}*/
#sub button{width: 20px;height: 20px;margin-top: 8px;display: inline-block;position: absolute;border: 0;background-color: transparent;outline: none;padding: 0!important;}
#top_div .y>a{width: 66px;display: inline-block;text-align: center;}
#top_div .y>.dl{float: left;margin-top: 9px;position: relative;height: 35px; cursor: pointer;}
#top_div .y>.shu{float: left;margin: 0 4px 0 4px;margin-top: 9px;}
#top_div .y>.zc{float: left;margin-top: 9px;height: 35px;position: relative;cursor: pointer;}
#top_div .y{margin-top: 8px;}
/*登陆，注册，忘记密码*/
#top_div .y>.dl>.dlx{width: 245px;height: 204px;background: #fff;box-shadow: 0px 0px 8px #dbdbdb;position: absolute;bottom: -204px;left: -110px;padding-left: 20px;display: none;}
#top_div .y>.dl>.dlx>input{width: 198px;height: 29px;margin-top: 15px;padding-left: 8px;}
#top_div .y>.dl>.dlx>button{width: 100px;height: 34px;border: none;background: #1f3977;color: #fff;border-radius: 5px;float: left;margin-top: 18px;margin-right: 10px;}
#top_div .y>.dl>.dlx>i{line-height: 20px;float: left;font-size: 12px;margin-top: 35px;}
#top_div .y>.dl>.dlx>b{display: block;width: 204px;height: 35px;border-top: 1px solid #d2d2d2;float: left;margin-top: 12px;line-height: 35px;}
#top_div .y>.dl>.dlx>.iop{float: left;padding-right: 10px;}
#top_div .y>.dl>.dlx>.yzm{width: 81px;height: 29px;display: inline-block;background: #1f3977;color: #fff;text-align: center;line-height: 29px;margin-top: 15px;}
#top_div .y>.dl>.dlx>.tpyzm{width: 117px;float: left;}
#top_div .y>.dl>.wjm{width: 245px;height: 274px;background: #fff;box-shadow: 0px 0px 8px #dbdbdb;position: absolute;bottom: -274px;left: -110px;padding-left: 20px;display: none;}
#top_div .y>.dl>.wjm>input{width: 204px;height: 29px;margin-top: 20px;}
#top_div .y>.dl>.wjm>.yzm{width: 117px;float: left;}
#top_div .y>.dl>.wjm>.tpma{width: 86px;height: 29px;display: inline-block;background: #1f3977;color: #fff;text-align: center;line-height: 29px;margin-top: 20px;}
#top_div .y>.dl>.wjm>.tpm{width: 86px;height: 29px;margin-top: 20px;}
#top_div .y>.dl>.wjm>button{width: 100px;height: 34px;background: #1f3977;color: #fff;font-size: 16px;border: none;border-radius: 5px;margin-top: 24px;}
#top_div .y>.zc>.zcl{width: 245px;height: 275px;background: #fff;box-shadow: 0px 0px 8px #dbdbdb;position: absolute;bottom: -274px;left: -179px;padding-left: 20px;display: none;}
#top_div .y>.zc>.zcl>input{width: 204px;height: 29px;margin-top: 15px;border: 1px solid #d2d2d2;padding-left: 10px;}
#top_div .y>.zc>.zcl>.duan{width: 117px;float: left;}
#top_div .y>.zc>.zcl>.yzm{width: 86px;height: 29px;display: inline-block;background: #1f3977;color: #fff;text-align: center;line-height: 29px;margin-top: 15px;}
#top_div .y>.zc>.zcl>img{width: 86px;height: 29px;float: left;margin-top: 15px;}
#top_div .y>.zc>.zcl>button{width: 100px;height: 34px;background: #1f3977;color: #fff;font-size: 16px;border: none;border-radius: 5px;margin-top: 16px;}
#top_div .y>.zc>.zcl>p{margin-top: 15px;font-size: 12px;}
#top_div .y>.zc>.zcl>p>input{margin-right: 6px;float: left;}
#top_div .y>.zc>.zcl>p>span{float: left;}
#top_div .y>.zc>.zcl>p>span>a{color:#1f3977;font-weight: bold;}
/*登陆后导航的变化*/
.y>.dl,.y>.shu,.y>.zc{display: none;}
.txmc{float: left;position: relative;height: 45px;}
.txmc img{width: 30px;height: 30px;border: 1px solid #eeeeee;border-radius: 50%;float: left;margin-top: 4px;margin-right: 14px;}
.txmc p{float: left;margin-top: 10px;}
/*.txmc{display: none;}*/
.txmc ul{position: absolute;top: 44px;background: #fff;box-shadow: 0px 0px 8px #dbdbdb;display: none;}
.txmc ul li{width: 100px;height: 40px;border-bottom: 1px solid #eeeeee;text-align: center;line-height: 40px;}
.txmc ul li a:hover{background: #0c529a;color: #fff;display: block;}
.txmc ul li:last-child{border-bottom: none;}
.active{
    background:#880001!important;
}

#agreement { position: fixed; width: 800px; height: 500px; left:50%; top: 50%; margin-left: -400px; margin-top: -250px; z-index: 1000; background: white;padding: 10px; overflow: hidden; overflow-y: auto; border: solid 1px blue; border-radius: 5px; display:none; }